<template lang="pug">
  el-date-picker.el-date-editor-xxs(
    v-model="timeRange"
    type="daterange"
    :picker-options="pickerOptions"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    unlink-panels
    value-format="timestamp")
</template>
·
<script >
/**
 * @name Dashboard 历史数据页面
 * @author 陈可嘉
 * @description 各种指标历史数据的展示
 * @update linmn
 * @description 点击坐标跳转到历史数据页面
 */
import { shortcuts } from './info'
export default {
  name: 'DashboardDatePicker',
  props: {
    value: {
      type: Array,
      default: () => ([])
    }
  },
  computed: {
    timeRange: {
      get () {
        return this.value
      },
      set (data) {
        this.$emit('input', [this.$moment(data[0]).startOf('day').format('x'), this.$moment(data[1]).endOf('day').format('x')])
      }
    }
  },
  data () {
    return {
      // 时间日期选择器的配置项
      pickerOptions: {
        shortcuts
      }
    }
  }
}
</script>
